<template>
  <div class="home">
    <HelloWorld />
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  },
  data() {
    return {
      property: 'value'
    }
  },
  beforeMount() {
    // console.log('beforeMount: ')
  },

  beforeDestroy() {
    // console.log('beforeDestroy: ')
  },
  destroyed() {
    // console.log('destroyed: ')
  },

  mounted() {},

  methods: {
    methodTest() {
      console.log(arguments)
    },
    clickBtn(event) {
      console.log('event: ', event)
    }
  }
}
</script>
<style lang="scss" scoped>
.home {
  position: relative;
  width: 100%;
  height: 100vh;
}
</style>
